// 查看webpack配置
/* 
  1.在package.json中配置
     "inspect": "vue-cli-service inspect"
  2.在命令行中运行
     npm run inspect > output.js
  3.查看output.js
*/

// node应用由模块组成，采用的commonjs模块规范。

module.exports = {
  pages: {
    index: {
      // page 的入口
      entry: './src/main.js'
      /* 
        // 模板来源
        template: 'public/index.html',
        // 在 dist/index.html 的输出
        filename: 'index.html',
        // 当使用 title 选项时，
        // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
        title: 'Index Page',
        // 在这个页面中包含的块，默认情况下会包含
        // 提取出来的通用 chunk 和 vendor chunk。
        chunks: ['chunk-vendors', 'chunk-common', 'index'] 
      */
    }
    // 当使用只有入口的字符串格式时，
    // 模板会被推导为 `public/subpage.html`
    // 并且如果找不到的话，就回退到 `public/index.html`。
    // 输出文件名会被推导为 `subpage.html`。
    /* subpage: 'src/subpage/main.js' */
  },
  // lintOnSave: process.env.NODE_ENV !== 'production',
  lintOnSave: false,    // 关闭语法检查
  // 开启代理服务器   方式一
  /* 
    1.不能配置多个代理
    2.不能灵活控制走不走代理
  */
  /* devServer: {
    proxy: 'http://localhost:5000'
  } */
  // 开启代理服务器   方式二
  devServer: {
    proxy: {
      '/atguigu': {
        target: 'http://localhost:5000',
        pathRewrite: {'^/atguigu':''},                    // 把路径中的/atguigu替换为''（主要是针对服务器接收到的url）
        // ws: true,   // 用于支持websocket                默认是true
        // changeOrigin: true  // 用于控制请求头中的host值  默认是true
      },
      '/demo': {
        target: 'http://localhost:5001',
        pathRewrite: {'^/demo':''},
        // ws: true,   // 用于支持websocket                默认是true
        // changeOrigin: true  // 用于控制请求头中的host值  默认是true
      },
      '/search': {
        target: 'https://api.github.com',
        pathRewrite: {'^/search':''},
        // ws: true,   // 用于支持websocket                默认是true
        // changeOrigin: true  // 用于控制请求头中的host值  默认是true
      },
    }
  }
}

/* 
  changeOrigin设置为true时，服务器收到的请求头中的host为：localhost:5000    // 撒谎
  changeOrigin设置为false时，服务器收到的请求头中的host为：localhost:8081   // 不撒谎
  changeOrigin默认值是true 
*/